<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <title>道地产区h5</title>
    <link rel="stylesheet" type="text/css" href="../../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css">
    <link rel="stylesheet" href="../../css/common.css" />
    <script>
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.50 + 'px';
    </script>
</head>
<body>
    <div class="sec-all">
    <!-- 轮播图 头部 -->
        <div class="carousel-header">
            <div class="swiper-container swiper-container01">
              <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../../img/ddcq/banner_shangcheng_chanqu@2x.png" alt=""></div>
                <div class="swiper-slide"><img src="../../img/ddcq/banner_shangcheng_chanqu@2x.png" alt=""></div>
                <div class="swiper-slide"><img src="../../img/ddcq/banner_shangcheng_chanqu@2x.png" alt=""></div>
                <div class="swiper-slide"><img src="../../img/ddcq/banner_shangcheng_chanqu@2x.png" alt=""></div>
                <div class="swiper-slide"><img src="../../img/ddcq/banner_shangcheng_chanqu@2x.png" alt=""></div>
                <div class="swiper-slide"><img src="../../img/ddcq/banner_shangcheng_chanqu@2x.png" alt=""></div>
              </div>
              <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="sec">
            <ul class="region-lists">
               <li>
                   <h1>华南</h1>
                   <a href="" target="_blank">广东</a>
                   <a href="" target="_blank">广西</a>
                   <a href="" target="_blank">海南</a>
               </li>
               <li>
                   <h1>华北</h1>
                   <div class="scroll">
                      <div class="scrollWrap">
                       <a href="" target="_blank">河南</a>
                       <a href="" target="_blank">山西</a>
                       <a href="" target="_blank">内蒙古</a>
                       <a href="" target="_blank">河南</a>
                       <a href="" target="_blank">山西</a>
                       <a href="" target="_blank">内蒙古</a>
                       <a href="" target="_blank">河南</a>
                       <a href="" target="_blank">山西</a>
                      </div>
                   </div>
               </li>
               <li>
                   <h1>华东</h1>
                   <div class="scroll">
                      <div class="scrollWrap">
                       <a href="" target="_blank">安徽</a>
                       <a href="" target="_blank">山东</a>
                       <a href="" target="_blank">福建</a>
                       <a href="" target="_blank">浙江</a>
                       <a href="" target="_blank">山东</a>
                       <a href="" target="_blank">福建</a>
                       <a href="" target="_blank">浙江</a>
                      </div>
                   </div>
               </li>
               <li>
                   <h1>华中</h1>
                   <a href="" target="_blank">湖北</a>
                   <a href="" target="_blank">湖南</a>
                   <a href="" target="_blank">河南</a>
                   <a href="" target="_blank">江西</a>
               </li>
               <li>
                   <h1>西南</h1>
                   <a href="" target="_blank">四川</a>
                   <a href="" target="_blank">云南</a>
                   <a href="" target="_blank">重庆</a>
                   <a href="" target="_blank">贵州</a>
               </li>
               <li>
                   <h1>西北</h1>
                   <a href="" target="_blank">青海</a>
                   <a href="" target="_blank">甘肃</a>
                   <a href="" target="_blank">陕西</a>
               </li>
               <li>
                   <h1>东北</h1>
                   <a href="" target="_blank">吉林</a>
                   <a href="" target="_blank">辽宁</a>
                   <a href="" target="_blank">黑龙江</a>
               </li>
            </ul>
        </div>
        <div class="sec floor01">
            <h1 class="b-title title01"></h1>
            <ul class="pro-lists middle clearfix">
                <li>
                    <a href="" target="_blank">
                        <img src="../../img/ddcq/shangcheng_tbn_chanqu_img1@2x.png" alt="">
                        <h2>山东产区</h2>
                        <p>文案文案文案文案文案</p>
                    </a>
                </li>
                <li>
                    <a href="" target="_blank">
                        <img src="../../img/ddcq/shangcheng_tbn_chanqu_img2@2x.png" alt="">
                        <h2>山东产区</h2>
                        <p>文案文案文案文案文案</p>
                    </a>
                </li>
                <li>
                    <a href="" target="_blank">
                        <img src="../../img/ddcq/shangcheng_tbn_chanqu_img3@2x.png" alt="">
                        <h2>山东产区</h2>
                        <p>文案文案文案文案文案</p>
                    </a>
                </li>
                <li>
                    <a href="" target="_blank">
                        <img src="../../img/ddcq/shangcheng_tbn_chanqu_img4@2x.png" alt="">
                        <h2>山东产区</h2>
                        <p>文案文案文案文案文案</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="sec floor02">
            <h1 class="b-title title02"></h1>
            <div class="sec-main">
                <nav class="area">
                  <div class="area-scroll">
                    <ul class="clearfix">
                        <li class="area-active"><a href="javascript:void(0);">华南地区</a></li>
                        <li><a href="javascript:void(0);">华北地区</a></li>
                        <li><a href="javascript:void(0);">华东地区</a></li>
                        <li><a href="javascript:void(0);">华中地区</a></li>
                        <li><a href="javascript:void(0);">西南地区</a></li>
                        <li><a href="javascript:void(0);">西北地区</a></li>
                        <li><a href="javascript:void(0);">东北地区</a></li>
                    </ul>
                  </div>
                  <span class="mask-r"></span>
                </nav>
                <div class="pro-all-box">
                    <ul class="pro-lists02">
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="pro-lists02 dis-none">
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子2</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="pro-lists02 dis-none">
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子3</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="pro-lists02 dis-none">
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子4</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="pro-lists02 dis-none">
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子5</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="pro-lists02 dis-none">
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子6</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="pro-lists02 dis-none">
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子7</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin1@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                            <a href="" target="_blank">
                                <div class="pro-int">
                                    <h2>北五味子</h2>
                                    <p>供应大货批发</p>
                                </div>
                                <div class="pro-img">
                                    <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 热门市场 -->
        <div class="sec floor03">
            <h1 class="b-title title03"></h1>
            <div class="carousel-market">
                <div class="swiper-container swiper-container02">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                       <div class="market-img">
                           <a href="javascript:void(0);">
                               <img src="../../img/ddcq/shangcheng_shichang_img1@2x.png" alt="">
                               <p>河南 河南中药材市场...</p>
                            </a>
                       </div>
                       <ul class="market-int">
                           <li>
                               <a href="" target="_blank">
                                   <div class="pro-img">
                                       <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                   </div>
                                   <div class="pro-int">
                                       <h2>安徽白芷</h2>
                                       <p>￥480.00</p>
                                   </div>
                                </a>
                           </li>
                           <li>
                               <a href="" target="_blank">
                                   <div class="pro-img">
                                       <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                   </div>
                                   <div class="pro-int">
                                       <h2>安徽白芷</h2>
                                       <p>￥480.00</p>
                                   </div>
                                </a>
                           </li>
                           <li>
                               <a href="" target="_blank">
                                   <div class="pro-img">
                                       <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                   </div>
                                   <div class="pro-int">
                                       <h2>安徽白芷</h2>
                                       <p>￥480.00</p>
                                   </div>
                                </a>
                           </li>
                       </ul>
                    </div>
                    <div class="swiper-slide">
                       <div class="market-img">
                           <a href="javascript:void(0);">
                               <img src="../../img/ddcq/shangcheng_shichang_img1@2x.png" alt="">
                               <p>河南 河南中药材市场...</p>
                            </a>
                       </div>
                       <ul class="market-int">
                           <li>
                               <a href="" target="_blank">
                                   <div class="pro-img">
                                       <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                   </div>
                                   <div class="pro-int">
                                       <h2>安徽白芷</h2>
                                       <p>￥480.00</p>
                                   </div>
                                </a>
                           </li>
                           <li>
                               <a href="" target="_blank">
                                   <div class="pro-img">
                                       <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                   </div>
                                   <div class="pro-int">
                                       <h2>安徽白芷</h2>
                                       <p>￥480.00</p>
                                   </div>
                                </a>
                           </li>
                           <li>
                               <a href="" target="_blank">
                                   <div class="pro-img">
                                       <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                   </div>
                                   <div class="pro-int">
                                       <h2>安徽白芷</h2>
                                       <p>￥480.00</p>
                                   </div>
                                </a>
                           </li>
                       </ul>
                    </div>
                    <div class="swiper-slide">
                       <div class="market-img">
                            <a href="javascript:void(0);">
                               <img src="../../img/ddcq/shangcheng_shichang_img1@2x.png" alt="">
                               <p>河南 河南中药材市场...</p>
                            </a>
                       </div>
                       <ul class="market-int">
                           <li>
                               <a href="" target="_blank">
                                   <div class="pro-img">
                                       <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                   </div>
                                   <div class="pro-int">
                                       <h2>安徽白芷</h2>
                                       <p>￥480.00</p>
                                   </div>
                                </a>
                           </li>
                           <li>
                               <a href="" target="_blank">
                                   <div class="pro-img">
                                       <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                   </div>
                                   <div class="pro-int">
                                       <h2>安徽白芷</h2>
                                       <p>￥480.00</p>
                                   </div>
                                </a>
                           </li>
                           <li>
                               <a href="" target="_blank">
                                   <div class="pro-img">
                                       <img src="../../img/zysc/img_chanpin2@2x.png" alt="">
                                   </div>
                                   <div class="pro-int">
                                       <h2>安徽白芷</h2>
                                       <p>￥480.00</p>
                                   </div>
                                </a>
                           </li>
                       </ul>
                    </div>
                  </div>
                </div>
            </div>
        </div>
        <div class="sec floor04">
            <h1 class="b-title title04"></h1>
            <ul class="news-lists">
                <li>
                   <a href="" target="_blank"><p>快讯标题快讯标题快讯标题快讯标题</p><span>10-11</span></a>
                </li>
                <li>
                   <a href="" target="_blank"><p>快讯标题快讯标题快讯标题快讯标题</p><span>10-11</span></a>
                </li>
                <li>
                   <a href="" target="_blank"><p>快讯标题快讯标题快讯标题快讯标题</p><span>10-11</span></a>
                </li>
                <li>
                   <a href="" target="_blank"><p>快讯标题快讯标题快讯标题快讯标题</p><span>10-11</span></a>
                </li>
                <li>
                   <a href="" target="_blank"><p>快讯标题快讯标题快讯标题快讯标题</p><span>10-11</span></a>
                </li>
                <a class="lots" href="">查看更多<i></i></a>
            </ul>
        </div>
        <div class="baseline clearfix"></div>
    <!-- end -->
    </div>
</body>
<script src="../../js/zepto.min.js"></script>
<script src="../../js/touch.js"></script>
<script src="../../js/channel.js"></script>
<script src="../../js/swiper.min.js"></script>
<script src="../../js/fastclick.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container01', {
        autoplay: 3000,
        pagination : '.swiper-pagination',
        loop:true,
    });
    var mySwiper = new Swiper('.swiper-container02', {
        // autoplay: 3000,
        slidesPerView : 'auto',
        loop:false,
    });
</script>
</html>